<template>
  <div class="about-page">
    <div class="contair">
      <h1>关于我们</h1>
      <p>一个Web作业</p>
      <p class="copyright">版权所有 © 2251300222</p>

      <section>
        <h2>网站简介</h2>
        <p>欢迎来到我的图书网站，这里汇聚了丰富的图书资源，旨在为读书爱好者提供一个便捷的搜索、浏览和发现好书的平台。</p>
      </section>




      <!-- 技术栈 -->
      <section>
        <h2>技术需求分析</h2>
        <ul>
          <li>编程语言：HTML、CSS、JavaScript</li>
          <li>框架：Vue.js</li>
        </ul>
      </section>

      <!-- 用户需求分析 -->
      <section>
        <h2>用户需求分析</h2>
        <p>我们的目标用户是对阅读感兴趣的人，我们致力于满足以下用户需求：</p>
        <ul>
          <li>方便地搜索和浏览图书介绍和评分</li>
          <li>获得个性化的图书推荐</li>
        </ul>
      </section>

      <!-- 功能需求分析 -->
      <section>
        <h2>功能需求分析</h2>
        <p>我们的网站提供以下功能：</p>
        <div class="features">
          <article>
            <h3>基本功能</h3>
            <ul>
              <li>图书搜索和浏览</li>
              <li>展示全网综合评分</li>
              <li>个性化图书推荐</li>
            </ul>
          </article>
          <article>
            <h3>扩展功能</h3>
            <ul>
              <li>图书分类和标签</li>
              <li>作者和出版社专区</li>
            </ul>
          </article>
        </div>
      </section>

      <!-- 页面结构 -->
      <section>
        <h2>页面内容和结构</h2>
        <p>我们的网站由以下页面组成：</p>
        <ul>
          <li>一级页面：首页 (home.vue)</li>
          <li>二级页面：
            <ul>
              <li>图书分类 (tag.vue)</li>
              <li>作者专区 (author.vue)</li>
              <li>出版社专区 (publisherList.vue)</li>
              <li>搜索结果 (search.vue)</li>
            </ul>
          </li>
          <li>三级页面：
            <ul>
              <li>图书详情页 (bookdetail.vue)</li>
<<<<<<< HEAD
              <li>作者详情页 (authordetail.vue)</li>
=======
              <li>作者详情页 (authordetail.html)</li>
>>>>>>> origin/master
              <li>出版社书籍页 (publisherbooklist.vue)</li>
            </ul>
          </li>
        </ul>
      </section>

    </div>
  </div>
</template>

<script>
export default {
  name: 'About',
};
</script>
<<<<<<< HEAD
=======

<style scoped>

</style>
>>>>>>> origin/master
